<template>

    <div class=" h-16 p-3 z-10" style="background-color: #fafafa;" >
            <n-flex  class="items-center mx-52">
                <n-button quaternary @click="goto(i.value)"  v-for="i in buttonList" :key="i.id" size="large" >
                    {{i.label}}
                </n-button>
            </n-flex>
    </div>

</template>
<script setup>
  import { useRouter } from 'vue-router';
const router = useRouter();

const goto = function(url){
    router.replace({
        path:'/'+url
    });
}
const buttonList = [
    {
        label:"首页",
        value:""
    },
    {
        label:"场景配置",
        value:"scenario"
    },
    {
        label:"策略回测",
        value:"backtest"
    },
    {
        label:"分析预测",
        value:"analyzer"
    },
    {
        label:"使用说明",
        value:"guide"
    },
    {
        label:"关于我们",
        value:"main"
    }
]
</script>
